<!-- header -->
    <nav class="navbar navbar-fixed-top navbar-top bg-1 no-radius">
        <div class="navbar-header col-sm-2">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNav" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="javascript:;"><img src="resources/images/logo.png"/></a>
        </div>
        <div id="mainNav" class="navbar-collapse collapse">
          <ul class="nav navbar-nav mainnav">
            <li><a href="index.html">首页</a></li>
            <li><a href="im.html">即时通讯</a></li>
            <li><a href="info.html">信息空间</a></li>
            <li><a href="task.html">任务中心</a></li>
            <li><a href="file.html">文件中心</a></li>
            <li class="active"><a href="app.html">应用中心</a></li>            
          </ul>          
          <ul class="nav navbar-plus pull-right col-sm-4">
            <li class="dropdownstyle"><a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">raymily <img src="images/profile36x36.png"/></a>
                        <ul class="dropdown-menu">
              <li><a href="javascript:;">个人主页</a></li>
              <li><a href="javascript:;">空间设置</a></li>
              <li><a href="javascript:;">安全退出</a></li>
            </ul>
                    </li>
            <li class="li-alert dropdownstyle">
              <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" ><i class="gicon gicon-alert"></i><span class="badge bg-4">8</span></a>
              <ul class="dropdown-menu">
                <li>
                  <a href="javascript:;">新的任务<span class="badge bg-1">7</span></a>
                </li>
                 <li>
                  <a href="javascript:;">@我的<span class="badge bg-3">3</span></a>
                </li>
                <li>
                  <a href="javascript:;">与我相关<span class="badge bg-3">18</span></a>
                </li>
                <li>
                  <a href="javascript:;">G-友粉</a>
                </li>
                <li>
                  <a href="javascript:;">私聊</a>
                </li>
                <li>
                  <a href="javascript:;">讨论组</a>
                </li>
              </ul>
            </li>
            <li class="dropdownstyle">
                  <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" ><i class="gicon gicon-plus"></i>新建</a>
                  <ul class="dropdown-menu">
                    <li><a href="javascript:;">新建任务</a></li>
                    <li><a href="javascript:;">新建聊天</a></li>
                    <li><a href="javascript:;">发起群聊</a></li>
                    <li><a href="javascript:;">新建日程</a></li>                  
                  </ul>
            </li>
            <li><!--<a href="javascript:;"><i class="gicon gicon-search"></i></a>-->
              <form class="" action="">
              <div class="div-search-file">
                  <input type="search" class="btn-search-file" placeholder="搜索">
              </div>
            </form>
            </li>
          </ul>
        </div>
        <!--/.nav-collapse -->
    </nav>
<div class="container-fluid">     
    <div ui-view></div>
</div>
	<!-- 主页头部以下页面主区域内容 -->

    